<template>

  <dv-conical-column-chart :config="config" class="gqtcbwsgmFace" />
</template>

<script>
export default {
  //各区停车泊位数规模
  name: "gqtcbwsgmFace",
  props:{

  },
  data(){
    return {
      gqtcbwsgmDataObj:{
      },
      config:{}
    }
  },
  mounted() {
    fetch(`./testData/gqtcbwsgmdata.json`,{
      method: 'get',
      headers: {
        'Content-Type': 'application/json'
      }
    })
        .then(response => response.json())
        .then(data => {
          this.gqtcbwsgmDataObj = data;
          this.config = {
            data: data.labelKeyArr,
            img: [
              'img/heigetPoint.b21b686a.png'
            ],
            showValue: true
          }
        })
  },
  methods: {

  },
  beforeDestroy() {
  }
}
</script>

<style lang="scss" scoped>
.gqtcbwsgmFace{
  //background: #f56c6c;
  margin: 0 15px;
  height: 100%;
  width: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
</style>
